<template>
  <div class="not-found-page">
    <div class="not-found">404</div>
    <br />
    <span>页面找不到了</span>
  </div>
</template>

<style lang="less" scoped>
.not-found-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1rem;

  .not-found {
    font-size: 5rem;
    transform: skew(-15deg);
    letter-spacing: 4px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, rgb(60, 85, 197), #a73bb1, rgb(93, 238, 158));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
</style>
